<!--
 * @Descripttion: 
 * @Author: voanit
 * @Date: 2022-06-24 08:58:13
 * @LastEditors: voanit
 * @LastEditTime: 2022-06-27 16:13:06
-->
<template>
  <div>
    御剑乘风来,除魔天地间!===first===={{ msg }}
    <hr />
    <hr />
    <hr />
    <button @click="Com = 'web'">web</button><button @click="Com = 'java'">java</button>
    <component :is="Com"></component>
    <hr />
    <hr />
    <hr />
    ===={{ no }}
    <web></web>
  </div>
</template>
           
<script>
/* 
动态组件
异步组件
*/
import web from './component/web'
import java from './component/java'
export default {
  name: 'firstCom',
  inject: ['no'],
  data () {
    return {
      Com: 'web'
    }
  },
  components: {
    web,
    java
  },
  created () {
    // console.log(() => import('./component/web'), 888);
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
</style>